Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Commit 8618a04423247316e44d13d99d674c80ec3f21de


Parents : 5a83008
Author : Ivan <ivan@quad4.io>
Signature : Invalid signer <e46112d44649266d71fe2193e00a4710>, author is <ivan@quad4.io>
Date : 2026-07-10T12:02:45-05:00

style(AddInterfacePage, RNodeProvisionPanel): update button styles for improved layout and consistency

Changes
Diff

diff --git a/meshchatx/src/frontend/components/interfaces/AddInterfacePage.vue b/meshchatx/src/frontend/components/interfaces/AddInterfacePage.vue
index 3c6c6ae1..ef6a591c 100644
--- a/meshchatx/src/frontend/components/interfaces/AddInterfacePage.vue
+++ b/meshchatx/src/frontend/components/interfaces/AddInterfacePage.vue
@@ -1643,7 +1643,7 @@
</button>
<button
type="button"
- class="primary-chip px-16! py-3! text-sm!"
+ class="primary-chip px-4 py-2 text-sm"
:disabled="isSaving"
@click="saveInterface"
>

diff --git a/meshchatx/src/frontend/components/rnode/RNodeProvisionPanel.vue b/meshchatx/src/frontend/components/rnode/RNodeProvisionPanel.vue
index dbc8334a..5deea023 100644
--- a/meshchatx/src/frontend/components/rnode/RNodeProvisionPanel.vue
+++ b/meshchatx/src/frontend/components/rnode/RNodeProvisionPanel.vue
@@ -15,7 +15,7 @@
<button
v-if="!isProvisioning"
:disabled="!canProvision"
- class="max-w-xs mx-auto inline-flex items-center justify-center gap-2 rounded-xl bg-blue-100 dark:bg-blue-900/30 hover:bg-blue-200 dark:hover:bg-blue-900/40 px-4 py-2.5 text-sm font-bold text-blue-700 dark:text-blue-400 transition-colors disabled:opacity-50"
+ class="w-full sm:max-w-xs mx-auto inline-flex items-center justify-center gap-2 rounded-xl bg-blue-100 dark:bg-blue-900/30 hover:bg-blue-200 dark:hover:bg-blue-900/40 px-4 py-2.5 text-sm font-bold text-blue-700 dark:text-blue-400 transition-colors disabled:opacity-50"
@click="$emit('provision')"
>
{{ $t("tools.rnode_flasher.provision") }}
@@ -38,7 +38,7 @@
</p>
<button
v-if="!isSettingFirmwareHash"
- class="max-w-xs mx-auto inline-flex items-center justify-center gap-2 rounded-xl bg-blue-100 dark:bg-blue-900/30 hover:bg-blue-200 dark:hover:bg-blue-900/40 px-4 py-2.5 text-sm font-bold text-blue-700 dark:text-blue-400 transition-colors"
+ class="w-full sm:max-w-xs mx-auto inline-flex items-center justify-center gap-2 rounded-xl bg-blue-100 dark:bg-blue-900/30 hover:bg-blue-200 dark:hover:bg-blue-900/40 px-4 py-2.5 text-sm font-bold text-blue-700 dark:text-blue-400 transition-colors"
@click="$emit('set-hash')"
>
{{ $t("tools.rnode_flasher.set_firmware_hash") }}


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────